// 全局公用  css class 类名称

// 比例
$ratio-list: 5 10 15 20 25 30 35 40 45 50 55 60 65 70 75 80 85 90 95 100 33 66 99;

@each $ratio in $ratio-list {
  .w#{$ratio} {
    width: #{$ratio}#{"%"} !important;
  }

  .h#{$ratio} {
    height: #{$ratio}#{"%"} !important;
  }
}

.w33 {
  width: 33.3333%;
}

.h33 {
  height: 33.3333%;
}

.w50-5 {
  width: calc(50% - 5px);
}

.h50-5 {
  height: calc(50% - 5px);
}

.wh100 {
  width: 100%;
  height: 100%;
}

.w800 {
  width: 800px
}

//禁止网页上选中复制
.not-copy {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

// 手型
.pointer {
  cursor: pointer;
}

// felx
.flex {
  display: flex;
}

// 基础模板
.a-base-container {
  padding-top: 40px;
  height: 100%;
  overflow: hidden;
  font-size: 16px;
  display: flex;

  .a-button-bar {
    display: flex;
    align-items: center;
    margin: 10px 0px;

    .ant-btn {
      margin-right: 10px;
    }
  }

  .a-query-box {
    display: flex;
    align-items: center;

    .label {
      margin-right: 5px;
    }
  }

  .ant-table-pagination.ant-pagination {
    margin: 9px 0px;
  }
}

//新增 兼容样式
.innerMenu,
.content-wrapper {
  .a-button-bar {
    display: flex;
    align-items: center;
    margin: 10px 0px;

    .ant-btn {
      margin-right: 10px;
    }
  }

  .a-query-box {
    display: flex;
    align-items: center;

    .label {
      margin-right: 5px;
    }
  }

  .ant-table-pagination.ant-pagination {
    margin: 9px 0px;
  }
}

// 自适应 table 容器
.resize-table-container {
  display: flex;
  flex-direction: column;

  .ant-table-body {
    position: relative;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    height: 0;
    max-height: none !important;
  }
}

.check-box-column {
  display: flex;
  flex-direction: column;

  .ant-checkbox-group-item {
    margin-top: 5px;
  }
}

// 表格搜索框样式
.table-page-search-wrapper {

  .ant-form-inline {

    .ant-form-item {
      display: flex;
      margin-bottom: 24px;
      margin-right: 0;

      .ant-form-item-control-wrapper {
        flex: 1 1;
        display: inline-block;
        vertical-align: middle;
      }

      >.ant-form-item-label {
        line-height: 32px;
        padding-right: 8px;
        width: auto;
      }

      .ant-form-item-control {
        height: 32px;
        line-height: 32px;
      }
    }
  }

}

.ant-table-thead tr>th {
  background: #eee;
}
